<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // ES6类的基本语法
        // class Cat{
        //     constructor(name,age){
        //         this.name = name;
        //         this.age = age;
        //     }
        // }
        // Cat.prototype.eat = function (){
        //     console.log('吃鱼')
        // }
        // let cat = new Cat('喵喵',2);
        // cat.eat()

        // 继承使用场景
        // class User{
        //     constructor(username,password){
        //         this.username = username;
        //         this.password = password;
        //     }
        //     login(){
        //         console.log('登录')
        //     }
        // }

        // class Admin extends User{
        //     deletePerson(){
        //         console.log('删除一个人')
        //     }
        // }

        // let admin = new Admin('张三')
        // admin.login();
        // admin.deletePerson();
        // console.log(admin.username)
 
        // ES5继承
        function User(username,password){
            this.username = username;
            this.password = password;
            // this.login = function(){
            //     console.log('登录');
            // }
        }
        Admin.prototype = new User()
        Object.prototype.login =function(){
            console.log('Object原型链上的login方法')
        }
        function Admin(){
            this.deletePerson = function(){
                console.log('删除一个人')
            }
        }
        let admin = new Admin();
        admin.login();
   
    </script>
</body>
</html>